<template>
    <div style="display: flex;">
        <div class="card">
            <div class="photo"><img src="http://sem8jxmog.hn-bkt.clouddn.com/a.jpg" alt=""></div>
            <h1>艾斯</h1>
            <h2>“火拳”艾斯</h2>
            <p>波特卡斯·D·艾斯，日本漫画《航海王》及其衍生作品中的角色。萨博与路飞的结义兄弟。</p>
            <a href="https://baike.baidu.com/item/%E6%B3%A2%E7%89%B9%E5%8D%A1%E6%96%AF%C2%B7D%C2%B7%E8%
        89%BE%E6%96%AF/9783407?fromtitle=%E6%B3%A2%E7%89%B9%E5%8D%A1%E6%96%AF%C2%B7D%C2%B7%E
        8%89%BE%E6%96%AF&fromid=51634273&fromModule=lemma_search-box">了解更多</a>
        </div>
        <div class="card">
            <div class="photo"><img src="http://sem8jxmog.hn-bkt.clouddn.com/s.jpg" alt=""></div>
            <h1>萨博</h1>
            <h2>革命军的二把手</h2>
            <p>萨博，日本漫画《航海王》及其衍生作品中的角色。是路飞与艾斯的结义兄弟。</p>
            <a href="https://baike.baidu.com/item/%E8%90%A8%E5%8D%9A/956773">了解更多</a>
        </div>
        <div class="card">
            <div class="photo"><img src="http://sem8jxmog.hn-bkt.clouddn.com/l.jpg" alt=""></div>
            <h1>路飞</h1>
            <h2>草帽小子</h2>
            <p>蒙奇·D·路飞，日本漫画《航海王》及其衍生作品中的男主角。是草帽海贼团的船长。</p>
            <a href="https://baike.baidu.com/item/%E8%92%99%E5%A5%87%C2%B7D%C2%B7%E8%B7%AF%E9%A3%9E/726966">了解更多</a>
        </div>
    </div>
</template>

<script>
</script>

<style lang="scss" scoped>
@import url('@/assets/68.css');
</style>